<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{ font-family:'Microsoft YaHei', 'å¾®è½¯é›…é»‘'; font-size:13px; line-height:2; font-weight:normal; margin:0; padding:0; overflow-x:hidden; }
a{ text-decoration:none; color: #333;}
html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a { margin: 0; padding: 0; }
ul,li,ol{ list-style: none; }
img { border: none; }
.hv a:hover{ text-decoration:none;color:#b30808;-webkit-transition: all .5s;transition: all .5s;}
.hu a:hover{ text-decoration: underline;}
.clear{ clear:both; height:0px;}
.inn{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.oh{ overflow: hidden;}
.tac{ text-align: center;}
.tal{ text-align: left;}
.tar{ text-align: right;}
.clf{ color: #fff;}
.clfa a{ color: #fff;}
.cl3{color: #333;}
.cl3a a{ color: #333;}
.fwn{ font-weight: normal;}
.fwb{ font-weight: bold;}

@font-face{ font-family:hylx;src: url("hylx.ttf");}
/*PageBar*/
.PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }
.disabled{ display:none;}

/*head*/
.logo{ float: left;}
.logo img{ height: 70px; float: left; margin:20px 10px 30px 0;}
.logo .biaoti{ float:left; width:230px; margin:30px 10px 0 0;}
.logo .biaoti h2{ font-family: hylx; color: #154999; font-size: 36px; line-height: 1;}
.logo .biaoti h3{ color: #b30808; font-size: 15px; text-transform: uppercase; font-family: "Aparajita"; line-height: 1;font-weight: normal;}
.logo .wenzi{ float: left; margin:32px 0 0 10px; line-height: 1.5; }
.logo .wenzi h2{ font-size: 16px; font-weight: normal;}
.logo .wenzi h3{ font-size: 14px; font-weight: normal;}

.right{ margin:40px 0 0 10px;}
.right .mb p img,.right .wx p img{ width:103px; height:103px;}
.right .mb{ width:25px;}
.right .mb p{ display: none; position: absolute; top: 32px;right: 0; z-index: 9999999;}
.right .mb:hover p{ display: block;}
.right .wx{ width: 40px;}
.right .wx p{ display: none; position: absolute; top: 32px;right: 0;z-index: 9999999;}
.right .wx:hover p{ display: block;}
.right .sea{ float: right;margin-top:3px; line-height: 28px;}
.sousuo{ background:url(../images/search.png) no-repeat center; border:1px solid #154999;width:30px; height:28px; border-left:0px;float:left; margin-right:10px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.sousuo:hover{background: url(../images/search.png) no-repeat center;-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:1px solid #154999; width:205px; height:26px; float:left; border-right:0px; padding-left:10px;border-top-left-radius:5px; border-bottom-left-radius:5px;}
.tel{ margin-right: 20px;}
.tel img{float: left;}
.tel h2{ font-weight: normal; color: #979595; font-size: 12px; line-height: 1.2;}
.tel h3{ color: #b30808; font-size: 18px; font-weight: normal;line-height: 1.2;}



/*nav*/
.navBar {position:relative; z-index:1; padding-left:10px; height:55px; line-height:55px; background:#1953ae; color:#333; }
.nav {position:relative; width:1200px; margin:0 auto;  font-size:14px; }
.nav a {color:#333; }
.nav h3 {font-size:100%; font-weight:normal;text-align: center; }
.nav h3:hover{ background: #b30808; }
.nav .m {float:left; position:relative; z-index:1; }
.nav .s {float:left; width:2px; height: 55px; background: url(../images/navl.png) no-repeat;}
.nav h3 a {display:block; color: #fff; width: 118px;}
.nav .sub {display:none; opacity:0; position:absolute; left:0px; top:55px; z-index:1; width:118px; background:#fff;z-index: 9999;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);;}
.nav li.m:hover .sub{ display:block;opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-webkit-transition: all .5s;transition: all .5s; }
.nav .sub li {text-align:center; padding:0 8px; margin-bottom:-1px; }
.nav .sub li a {display:block; border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666; }
.nav .sub li a:hover {color:#b30808;}


/*banner*/
.index_focus {position: relative; width: 100%; height: 460px; margin: 0 auto; overflow: hidden;}
.index_focus .bd li {display: none; position: absolute; left: 0; top: 0; width:1920px; }
.index_focus .bd li img{ width: 1920px; height: auto;}
.index_focus .slide_nav {position: absolute; left: 47%; top:95%;}
.index_focus .slide_nav a {cursor:pointer; float:left; font-size:0px; font-family: arial; color: #fff; width:55px; height:10px; background:#000; overflow:hidden; line-height:999px; margin-right:10px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #f00;filter: alpha(opacity=80);opacity: 0.8; background:#d50c0c;}
.index_focus_pre,.index_focus_next {display: none; position: absolute; top: 50%; margin-top: -36px; width: 72px; height: 72px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 10; background: url(../images/ico_sliding.png) no-repeat; }
.index_focus_pre {left: 30px; background-position: 0 0; }
.index_focus_pre:hover {background-position: 0 -144px; }
.index_focus_next {right: 30px; background-position: 0 -72px; }
.index_focus_next:hover {background-position: 0 -216px; } .index_focus_info {position: absolute; left: 10%; bottom: 12%; width: 800px; height: 200px; padding-bottom: 10px; color: #fff; text-decoration: none; cursor: pointer;  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background: url("../images/index_focus_bg.png") no-repeat; _background: none; }
.index_focus_info h3 {font-size: 36px; line-height: 70px; font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande"; display:none; }
.index_focus_info .text {width: 500px; line-height: 24px; font-size: 14px; word-wrap: break-word; overflow: hidden; display:none; }



/*product*/
.pro{ margin:20px 0;}
.ptitle{ margin-bottom: 20px; border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.ptitle h2{ color: #666; line-height: 1.2;font-size: 20px;}
.ptitle h3{ font-size: 16px; color: #959595; font-weight: normal; font-family: arial; line-height: 1.2; text-transform: uppercase;}
/*è¯¾ç¨‹ä»‹ç» è½®æ’­*/
.friend{height:413px;margin:0 auto;overflow:hidden;width:1200px;}
.mr_frbox{height:407px;padding:24px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:160px 0px 0 0;width:28px;}
.mr_frUl{float:left;height:202px;width:1100px;}
.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left;width:236px;margin:0 25px; height:400px;overflow:hidden;position:relative;}
.mr_frUl ul li img{width:223px; height: 170px;padding:5px;border:1px solid #efefef; background: #fbfdfd;display: block;}
.mr_frUl ul li h2{ text-align: center; font-size: 14px; margin:10px 0; color: #333;}
.mr_frUl ul li:hover h2 a{ text-decoration:none;}
.mr_frUl ul li:hover img{ background:none;}
.mr_frUl ul li:hover div{ background:#efefef;-webkit-transition: all .5s;transition: all .5s;}
.mr_frUl ul li p{ color: #666; height: 80px; padding:0 5px;}
.mr_frUl ul li a.pmore{ text-align: center; border:1px solid #ccc; padding:5px 20px; border-radius: 5px; color: #154999; font-size: 12px;margin-left:45px; margin-top: 15px; display: block; width: 100px; text-align:center; }
.mr_frUl ul li a.pmore span{ display: inline-block;background: url(../images/pmore.png) no-repeat ; width: 40px; height: 18px;}
.mr_frUl ul li:hover a{text-decoration: underline;}
.mr_frUl ul li:hover a.pmore { border-color: #154999;}
/*about*/
.about{ margin:50px 0;}
.atitle{ margin-bottom: 20px;}
.atitle h2{ color: #154999; line-height: 1.2;font-size: 20px;}
.atitle h3{ font-size: 16px; color: #959595; font-weight: normal; font-family: arial; line-height: 1.2; text-transform: uppercase;}
.atitle h4{ font-size:16px; color:#353535; font-weight:normal; border-bottom:1px solid #ccc; width:620px; margin:10px auto;}
.atitle h4 b{ font-size:18px; color:#b30808; font-weight:normal;}
.atn img{ float: left; width:570px; height: 255px;; margin-right: 20px;}
.atn h2{ font-size: 16px; color: #333; font-weight: normal; margin-top: 0px; float: left;}
.atn font{ font-weight: normal; font-size: 18px; color: #b30808;}
.atn p{ float:left; width:550px; color:#9a9a9a; font-size:12px;}
.atn a.aboutmore{ color: #fff; background: #154999; padding:5px 30px; border-radius: 5px; float:right; margin-top: 20px; margin-right:60px;}

/*anli*/
.anbg{ background: #f2f1f1; padding:30px 0;}
.more{ width: 130px; margin:30px auto 0 auto;}
.more a{ color: #fff; background: #154999; padding:5px 30px; border-radius: 5px; }

/*news*/
.news{ padding:30px 0;}
.new li{ width: 50%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 40px;margin-bottom: 40px;}
.new li span{ width: 1px solid #ccc; width: 85px; height: 105px; float: left; display: block; border:1px solid #ccc; text-align: center; line-height: 100px; font-size: 48px; color: #c3c4c5; font-family: arial; margin-right:20px;}
.new li a{  font-size: 14px; color: #333; line-height: 1.5;}
.new li h2{ line-height: 1.5; float: left; width: 80%;}
.new li i{font-weight: normal; font-style: normal; color: #999999; border-bottom: 2px solid #898989; padding-bottom: 5px; line-height: 1;float: left; }
.new li p{ color: #888;float: left; width: 78%;padding-top: 5px;}
.gengduo{ background: #f2f1f1; text-align: center; width: 100%; line-height: 2.5;}
.gengduo a{ color: #858585;}

/*foot*/
.hide{display:none;}
#tab  ul a{ color:#fefefe;}
.tabx{background: #15499a; color: #fff; padding:15px 0; margin-top:30px;}
#tabs{ float: left;}
#tabs span{ float: left;padding:0 8px;}
#tabs li{ float: left;}
#tabs li.on a{color: #f9fc04;}

.footbg{ background: #1953ae; color: #fff; padding:20px 0 10px 0px;}
.nfoot{ margin-bottom: 20px;}
.nfoot dd{ float: left;}
.nfoot dt{ float: left; padding:0 10px;}
.footbg p{ float: left; margin-bottom: 20px;}
.fewm{ background: url(../images/weixin_bg.png) no-repeat right; height: 108px; width: 210px; margin-top: 15px;}
.fewm img{ float: left;width: 110px;}
.fewm span{ float: left; display: block; line-height: 1.2; margin-top: 35px;}

.scrollpic {width: 1200px; margin:0px auto 0 auto; }
.scrollpic ul {display: block; float: left; list-style-type: none; padding: 0; margin: 0; }
.scrollpic li {display: block; float: left; padding: 0; width:270px; margin-right: 30px;}
.scrollpic li a {display: block; float: left; width: 270px; padding: 0; position: relative; height: 200px; color: #333; }
.scrollpic li a&gt;img{ width: 270px; height: 200px;}
.scrollpic li h5{text-align:center; font-weight:normal; color:#fff;background:url(../images/gcal.png); position:absolute; bottom:0; width:100%;}
.scrollpic li:hover h5{background:url(../images/gcalh.png);color:#154999; -webkit-transition: all .5s;transition: all .5s;}

@font-face{ font-family: "book111"; src:url("BOOKOS.TTF");}

/*neiye*/

.ban{ height: 350px; width: 100%; margin:0 auto;position: relative;}
.ban ul{ width: 1920px; position: absolute; left: 50%;margin-left: -960px; }
.ban ul li{ position: absolute; left: 0;}
.mt20{ margin-top: 50px;}
.lm{ width:23%;overflow: hidden;}
.lm h2{ background: #1451ae; color: #fff; font-weight: normal;font-size: 24px; padding-left: 15px; line-height: 3;}
.lm h2 a{ color: #fff;}
.lma li{ line-height: 4; font-size: 12px; padding-left: 15px; border-bottom: 1px solid #ccc; background:url(../images/jt.png) no-repeat 10px 25px;}
.lma li span{background:#357bf4; color: #fff; padding:0 3px;}
.lma li a{ color: #333;padding-left:20px; font-size:16px;}
.lma li:hover{ background: #b30808 url(../images/jth.png) no-repeat 10px 25px;-webkit-transition: all .5s;transition: all .5s; }
.lma li:hover span{ background: #fff; color: #b30808;-webkit-transition: all .5s;transition: all .5s; }
.lma li:hover a{ color: #fff;-webkit-transition: all .5s;transition: all .5s; }

.ctitle{ background:#1451ae;}
.ctitle font{ float: right; line-height:2;margin-top:15px; font-size: 13px; color:#fff; width:50%;}
.ctitle span{font-family:"book111"; font-size: 80px; font-style: normal; font-weight: bold; float: left; color: #fff; line-height: 1; margin-right:3px;}
.ctitle b{ float: left; line-height:2; margin-top:16px;color: #fff; font-size:16px;}
.ctitle i{ float: left;line-height: 1.8; font-style: normal; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 14px;letter-spacing: -1px;}
.xx{ background: url(../images/xx.jpg) repeat-x; height: 20px;}
.contact h3{ text-align: left; color:#333; font-size:18px; }
.contact{ font-size:12px; line-height: 2.4;}
.contact a{ color:#1451ae;}

.weizhi{ border-bottom:1px solid #888; margin-bottom: 10px;}
.weizhi h2{ border-left: 10px solid #1451ae; color: #1451ae; line-height: 1; float: left; font-size: 16px; padding-left: 10px;}
.weizhi h2 a{color: #1451ae;}
.weizhi p {float: right; font-size: 12px;}
.weizhi a.ls{ color: #1451ae;}
.cont{ width: 74%;}</pre></body></html>